<!doctype html>
<title>gNius Unit Tests</title>
<link rel=stylesheet href="qunit.css"></link>
<script src="src/js/jquery.min.js"></script>
<script src="src/js/qunit.js"></script>

<script src="src/js/gNius.js"></script>
<script src="src/js/gNius.test.js"></script>

<style>[data]{display:none}</style>

<body>
<h1 id="qunit-header">gNius Unit Tests</h1>
<h2 id="qunit-banner"></h2>
<h2 id="qunit-userAgent"></h2>
<ol id="qunit-tests"></ol>

<h2>Simple template + data interpolation</h2>
<div data="simple">$result</div>

<h2>Data distribution (data is an array)</h2>
<div data="array">$result<br /></div>

<h2>One level of template embedding</h2>
<div data="outer">
$result
  <div data="inner">$result</div>
</div>

<h2>Relative scope embedding</h2>
<div data="outer">
$result
  <div data="/relative">$result</div>
</div>

<script>
var simple = { result: 'It works' };
var array = [{ result: 'first works' }, { result: 'last works' }];
var outer = { result: 'Out works', relative: { result: 'Relative to outer works' } };
var inner = { result: 'In works' };
</script>